<template>
	<view class="successPage">
		<!-- 标题 -->
		<shopro-navbar back-icon-color="#020202" :background="{background:'#fff'}" @backHandler="goBack"
			:backTextStyle="{ color: '#020202', fontSize: '36rpx', fontWeight: '400' }" :isBack="true">
			<view slot="content" class="u-flex nav-wrap">
				<view class="nav-item">
					支付成功
				</view>
			</view>
		</shopro-navbar>
		<view class="success">
			<image class="imgs" :src="img_url+'/static/images/finance/success.png'" mode="widthFix"></image>
		</view>
		<view class="successtext">
			支付成功！
		</view>
	</view>
</template>

<script>
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	import { IMG_URL } from '@/env.js'
	export default {
		components: {},
		data() {
			return {
				img_url:IMG_URL
			};
		},
		props: {

		},
		onLoad(options) {

		},
		computed: {},
		created() {

		},

		methods: {

		}
	};
</script>

<style lang="scss">
	.successPage {
		height: 100vh;
		background: #fff;
		padding-bottom: calc(env(safe-area-inset-bottom) / 2);

		.nav-wrap {
			width: 100%;
			text-align: center;
		}

		.nav-item {
			width: 100%;
			font-size: 32rpx;
		}

		.success {
			margin: 182rpx auto 0;
			display: flex;
			justify-content: center;

			.imgs {

				width: 320rpx;
			}
		}

		.successtext {
			font-family: PingFang;
			font-weight: bold;
			font-size: 40rpx;
			color: #ED861F;
			line-height: 60rpx;
			text-align: center;
			margin-top: 75rpx;
		}

	}
</style>
